﻿@model  XT.Model.District
@{
    ViewBag.Title = "Utilities";
    Layout = "~/Views/Global/Layout.cshtml";
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

<div class="hero1" style="background-image: url('/Images/q1.jpg'); background-size: 100% auto; padding-top: 90px;">
</div>
<div class="districsummary">
    <div class="container">
        <div class="row">
            <div class="districname">
                <h5>Ho Chi Minh City</h5>
                <p>Quận @Model.District_Name</p>
            </div>
            <div class="districdetail">
                <h5>Description</h5>
                <p>From dawn until dusk until dawn again, trendsetting Distric 1 never sleeps and never lets up.</p>
            </div>
            <div class="districplacedetail">
                <h5>Places to stay</h5>
                <p>@Model.Areas.SelectMany(a => a.Rooms).Count()</p>
                <button onclick="location.href='@Url.Action("AllRooms", "District", new { id = Model.Id })'" type="button" class="btn btn-info">See @Model.Areas.SelectMany(a => a.Rooms).Count() listings »</button>

            </div>
        </div>
    </div>
    <br />
</div>

<div class="districtArea" style="background-color: rgb(250, 250, 250); padding-bottom: 10px">
    <div class="container">
        <div class="districtitle">
            <h1>Các tiện ích ở quận Bình Thạnh</h1>
        </div>
        <div class="row">
             @foreach (XT.Model.Utility_Place utility in Model.Areas.SelectMany(a => a.Utility_Places))
            {
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <div class="avaimg">
                            <img data-src="holder.Scripts/300x200" alt="..." src="@utility.Utility_Image" />
                            <div class="detail">
                                <p>@utility.Utility_Place_Description</p>
                            </div>
                        </div>
                        <div class="caption1">

                            <h3>@utility.Utility_Place_Name</h3>
                        </div>
                        <div class="utilitiadd">
                            <p>
                                Phan Boi Chau Street, Ben Thanh Ward, District 1, Ho Chi Minh City   
                            </p>

                        </div>

                    </div>

                </div>
            }
        </div>
        <a id="" href="#">Xem tất cả</a>
    </div>
</div>
